<template>
<div>
        <div class="componentClassTitle">宽度迷你</div>
        <u-input maxlength="12" size="normal mini" placeholder="1~12位小写字母" autofocus style="margin-bottom: 20px;"></u-input>
        <div class="componentClassTitle">宽度小</div>
        <u-input maxlength="12" size="normal small" placeholder="1~12位小写字母" autofocus style="margin-bottom: 20px;"></u-input>
        <div class="componentClassTitle">宽度正常</div>
        <u-input maxlength="12" placeholder="1~12位小写字母" autofocus style="margin-bottom: 20px;"></u-input>
        <div class="componentClassTitle">宽度中型</div>
        <u-input maxlength="12" size="normal medium" placeholder="1~12位小写字母" autofocus style="margin-bottom: 20px;"></u-input>
        <div class="componentClassTitle">宽度大</div>
        <u-input maxlength="12" size="normal large" placeholder="1~12位小写字母" autofocus style="margin-bottom: 20px;"></u-input>
        <div class="componentClassTitle">宽度巨大</div>
        <u-input maxlength="12" size="normal huge" placeholder="1~12位小写字母" autofocus style="margin-bottom: 80px;"></u-input>

        <div class="componentClassTitle">高度迷你</div>
        <u-input maxlength="12" size="mini normal" placeholder="1~12位小写字母" autofocus style="margin-bottom: 20px;"></u-input>
        <div class="componentClassTitle">高度小</div>
        <u-input maxlength="12" size="small normal" placeholder="1~12位小写字母" autofocus style="margin-bottom: 20px;"></u-input>
        <div class="componentClassTitle">高度正常</div>
        <u-input maxlength="12" placeholder="1~12位小写字母" autofocus style="margin-bottom: 20px;"></u-input>
        <div class="componentClassTitle">高度中型</div>
        <u-input maxlength="12" size="medium normal" placeholder="1~12位小写字母" autofocus style="margin-bottom: 20px;"></u-input>
        <div class="componentClassTitle">高度大</div>
        <u-input maxlength="12" size="large normal" placeholder="1~12位小写字母" autofocus style="margin-bottom: 20px;"></u-input>
        <div class="componentClassTitle">高度巨大</div>
        <u-input maxlength="12" size="huge normal" placeholder="1~12位小写字母" autofocus style="margin-bottom: 20px;"></u-input>

        <div class="componentClassTitle">禁用</div>
        <u-input value="禁用" maxlength="12" placeholder="1~12位小写字母" autofocus style="margin-bottom: 20px;" disabled></u-input>
    </div>
</template>
